.bodycliente {
  font-size: 10px;
  font-family: tahoma,verdana,arial,sans-serif;
  background: #000000;
  color:#FFFFFF;
  margin:0;

}

#DATO{
  width:200px;
  position:fixed;
  top:50%;
  left:50%;
  z-index:1;
  margin-left: -150px;
  margin-top: 0px;
  border-style: solid;
  border-width: 1;
  border-color: #CCCCCC;
  padding-top:10px;
  padding-bottom: 10px;
  background: #888;
  font-weight: normal;
  /*background:url() center no-repeat transparent;*/
}
.caja_menu{
  z-index:1;
  width:100px;
  position:fixed;
  border-style: solid;
  border-width: 1;
  border-color: #CCCCCC;
  padding-top:5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  display: none;
  background: #fff;
  color: #000;

}
.bodyadmin {
  font-size: 10px;
  font-family: Verdana,Arial;
  background: #222222;
  color:#FFFF95;
  margin:0;  
}

/*********** REPORTE *******************/   
.reporte {
  background: #000000;
  border-collapse: collapse;
  width: 100%;
  font-size: 10px;
  color:#CCCCCC;
  border: 1px solid #333333;
}

.reporte th{
  background: #333333;
  font-weight:normal;
  font-size: 12px;
  color:#CCCCCC;
}

.reporte td{
  text-align:left;
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  padding-top:10px; 
  padding-right:10px; 
  padding-bottom:10px; 
  padding-left:10px; 
}

.reporte strike{
  color:#666;
}

/*********** REPORTE CARRITO*******************/   
.reporte_carrito {
  background: #000000;
  border-collapse: collapse;
  width: 1000px;
  font-size: 14px;
  color:#CCCCCC;
  border: 1px solid #333333;
}

.reporte_carrito th{
  background: #333333;
  font-weight:normal;
  font-size: 12px;
  color:#CCCCCC;
}

.reporte_carrito td{
/*  text-align:left;*/
  border-bottom: 1px solid #333;
  border-left: 1px solid #333;
  padding-top:10px; 
  padding-right:10px; 
  padding-bottom:10px; 
  padding-left:10px; 
}

.reporte_carrito strike{
  color:#666;
}

/************* Marco ***************************/
.marco {
  width:1024px;
  height:600px;
  font-size: 10px;
}

/************ FORMULARIO **********************/    
.formulario {
  -moz-border-radius: 15px;
  background-color : #000000;
  border : 1px solid #333333;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom: 15px;
  padding-top: 15px; 
}

.formulario td{
  color:#CCCCCC;
  padding:6px;
  font-size: 10px;
}
.formulario select{
  /*  width:200px;*/
}

.formulario textarea{
  width:200px;
}

/************ CAJA LOGING **********************/    
.caja_loging {
  -moz-border-radius: 8px;
  background-color : #000000;
  border : 1px solid #CCCCCC;
  font-size : 11px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.caja_logueado {
  -moz-border-radius: 8px;
  background-color : #000000;
  border : 0px solid #CCCCCC;
  font-size : 11px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom: 3px;
  padding-top: 3px;
}

.caja_loging a{
  color:#FFFFFF;
}
/************ CUADROS DIALOGOS **********************/    
.cuadross {
  -moz-border-radius: 5px;
  background-color : #666;
  border : 1px solid #666;
  /*font-family : New Century Schoolbook, Times, serif;*/
  font-size : 10px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom: 5px;
  padding-top: 5px;

}

.cuadross td{
  font-weight:normal;
  font-size: 10px;
  color:#000;
  text-align:center;
  padding:6px;

}

/************ CUADROS DIALOGOS **********************/    
.boton {
  -moz-border-radius: 5px;
  background-color : #000;
  border : 1px solid #333;
  /*font-family : New Century Schoolbook, Times, serif;*/
  font-size : 10px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom: 5px;
  padding-top: 5px;

}

.boton td{
  font-weight:normal;
  font-size: 10px;
  color:#000;
  text-align:center;
  padding:2px;

}

/************ CUADROS COMPRA **********************/    
.cuadros_compra {
  -moz-border-radius: 15px;   
  border : 1px solid #333;
  font-size : 14px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.cuadros_compra td{
  font-weight:normal;
  color:#CCCCCC;
  text-align:left;
  padding-left:6px;
}


/************* MENSAJES **************/   
.login{
  font-size: 10px;
  text-align:right;
  color:#FFFFFF;
}
.login a{
  text-decoration:none;
  color:#FFFFFF;
}

.mensajes{
  font-size: 12px;
  text-align:center;
  color:#FFF;
  font-weight:normal;
}

.footer{
  font-size: 8px;
  text-align:center;
  color:#FFFFFF;
}
.footer a{
  text-decoration:none;
  color:#FFFFFF;
}
/*******************************************/

a{
  text-decoration:none;
  color:#FFFFFF;
}


/******************************************/
.barra{
  background-image:url('../images/menu/barra.png');
  background-repeat:repeat-x;
}

.marcas{
  width:820px;
  background-color : #fff;
}

/*************** LISTADO DE ARTICULOS CLIENTE ********************/
.scroll { 
  width: 820px;
  /*height:250px;*/
  overflow:auto;
}  

.scroll td{
  border-left : 0px solid #A020F0;
  font-size: 8px;
  text-align:center;
  color:#590C88;
}

.scroll table{

  background-color:#FFF;
}
.scroll a{
  text-decoration:none;
  color:#590C88;
}
.descripcion {
  width: 820px;
  background-color:#FFF;
}
.descripcion table{
  text-decoration:none;
  color:#590C88;
  font-size: 12px;
  background-color:#FFF;
}

.titular{
  font-size: 16px;
  font-weight: bold;
}
.precio{
  background-color:#B50056;
  font-size: 20px;
  font-weight: bold;
  color:#FFF;
}
.tachado{
  font-size: 18px;
  font-weight: normal;
  color:#590C88;
}
.ubicate {
  background-color:#000000;
  font-size: 10px;
  text-align: left;
  color:#FFF;
}

.familias{
  width: 292px;
  max-height:80px;
  overflow-x: auto; 
  overflow-y: hidden;
  
}

/*************** MENU ML ********************/
.menu_ml{
  font-size: 10px;
  text-align:left;
  color:#000;
  background-color: #FFF;
  width: 820; 
  height:100;
}

.productos {
  width:820px;
  font-size: 10px;
  text-align:left;
  color:#000;
  background-color: #FFF;
}

.menu_ml a{
  text-decoration:none;
  color:#000;
}